.header {
    width: 100%;
    background: #ccc;
    .sy-header{
        width: 1200px;
        margin: 0 auto;
        .sy-header-nav{
            width: 1200px;
            height: 32px;
            line-height: 32px;
            background: #eeeeee;
            margin: 0 auto;
        }
    }
    .sy-header-1{
        width: 1200px;
        margin: 0 auto;
        .logo{
            padding:40px 0; 
        }
        .type-list{
            padding-top: 20px;
            width: 250px;
            height: 26px;
            li{
                float: left;
                width: 62px;
                height: 27px;
                line-height: 27px;
                text-align: center;
                font-size: 12px;
                color: #fff;
            }
            .active{
                    background: #009fe2;
                    border-radius: 5px 5px 0 0 ;
                }
        }
        .header-search-box{
            width: 490px;
            height: 36px;
            background: white;
            border: 1px solid #009fe2;
            .input-box{
                width: 433px;
                height: 32px;
            }
            button{
                width: 53px;
                height: 36px;
                float: right;
            }
        }
        .material-science{
            padding-top: 10px;
            li{
                float: left;
                font-size: 12px;
                color: #666666;
                margin-right: 14px;
            }
        }
    }
    .fenlei{
        width: 1200px;
        height: 46px;
        margin: 0 auto;
        li{
            float: left;
            height: 46px;
            line-height: 46px;
            margin-right: 40px;
        }
        .server{
            margin-right: 90px;
            width: 160px;
            height: 46px;
            line-height: 46px;
            text-align: center;
            background: #009fe2;
        }
    }
}